$(function(){
    $.ajax({
        url:'http://193.112.55.79:9090/api/getbaicaijiatitle',
        dataType:'json',
        success:function(res){
            console.log(res );
            var xx=template("tabList",res);
            $('.nav-tabs').html(xx);
        }
    })
    var titleId=0;
    // 点击
    $('.nav-tabs').on('click','li',function(){
         titleId=$(this).data("id");
        console.log(titleId); 
      render();
    })
    function render(){
        $.ajax({
            url:'http://193.112.55.79:9090/api/getbaicaijiaproduct',
            dataType:'json',
            data:{"titleid":titleId},
            success:function(res){
                console.log(res);
                var con=template("conList",res);
                $('.tab-content').html(con);
            }
        })
    }
    render();
    setTimeout(()=>{
        // var _id =null;
         // 固定宽度
        var ulBox=$('.tab_parent .nav-tabs');
        // console.log(ulBox);
        var lis=ulBox.find("li");
        // console.log(lis);
        var totalW=0;
        lis.each(function(index,value){
            totalW=totalW+$(value).innerWidth();
            // console.log($(value).i   nnerWidth());
            // var titleId=$(value).data("id");
            // console.log(titleId);
        })
        ulBox.width(totalW+1);  
        
        // 进度条
        var span=$('.progress').find("span");
        console.log(span);
        var em=$('.progress').find("em");
        console.log(em);
        
        // var em=$('.progress').find("em");
        //     console.log(em);
        span.each(function(index,value){
            // 
            var w=$(value).html();
            console.log(w);
            em.css("width",w);
        })
       
    },200)   
    // 滑动
    var iscroll=new IScroll('.tab_parent',{
        scrollX:true,
        scrollY:false,
    })
  
    

})